/* CSS Resets */
* {
    margin: 0px;
    padding: 0px;
}

/* Corpo do site */
#corpo {
    background-color: #3AB0FF;
}

/* Cabeçalho */
#cabecalho {
    height: 100px;
    background-color: #ededed;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 1px #505050; 
}

#logo {
    height: 100px;
    width: 350px;
    float: left;
}

#loginsenha {
    height: 50px;
    width: 590px;
    float: right;
}

#login {
    height: 50px;
    width: 295px;
    float: left;
}

#senha {
    height: 50px;
    width: 295px;
    float: right;
}

#busca {
    height: 50px;
    width: 590px;
    float: right;
}

/* Menu */

nav {
    margin-top: 0px;
    margin-left: 0px;
    background-color: #ededed;
    height: 25px;
    border-radius: 10px;
    margin-top: 12px;
    box-shadow: 2px 2px 1px #505050;
}

nav ul {
    margin: 0 auto;
    float: left;
    list-style: none;
    position: absolute;
    left: 37%;
}

nav ul li {
    display: inline;
}

nav ul li a {
    padding: 2px 10px;
    float:left;
    /* visual do link */
    background-color:#EDEDED;
    color: #333;
    text-decoration: none;
    border-bottom:3px solid #EDEDED;
}

nav ul li a:hover {
    background-color:#D6D6D6;
    color: #6D6D6D;
    border-bottom:3px solid #317EB7;
    text-decoration: none;
}

/* Conteúdo */
#conteudo {
    margin-top: 12px;
    min-height: 500px;
    background-color: #ededed;
    border-radius: 10px;
    box-shadow: 2px 2px 1px #505050;
    overflow: hidden;
}

#banner {
    padding: 10px;
    margin-left: 90px;
}

.arealivros {
    margin-top: 10px;
}

ul.listalivros {
    list-style: none;
    margin-left: 10px;
}

ul.listalivros li {
    display: inline;
}

.livro {
    margin: 5px;
    float: left;
    width: 430px;
    height: 200px;
    overflow: hidden;
    padding: 10px;
    background-color: #FFF;
    border-radius: 10px;
}

.capalivro {
    float: left;
    width: 150px;
    height: 200px;
    margin-right: 10px;
}

.titulolivro {
    float: right;
    width: 270px;
}

.textolivro {
    float: right;
    width: 250px;
    overflow: hidden;
}

/* Rodapé */
#rodape {
    margin-top: 12px;
    margin-bottom: 10px;
    height: 30px;
    background-color:#ededed;
    border-radius: 10px;
    box-shadow: 2px 2px 1px #505050;
}

.textorodape {
    margin-top: 7px;
    text-align: center;
}
